<template>
	<view>
		<view style="height:60upx;width:100%;"></view>
		<view :class="['h120',isIPX?'pb30':'','pt10']">
			<view :class="['fixed','b0','l0','w100b','h98','bgfff',isIPX?'pb30':'','pt20']" style="box-sizing:content-box;">
				<view class="w100b h100b dsf">
					<view @click="$go('index/index',1)" class="fg1 dsf h100b alc jcc flex-column">
						<view class="w55 h40 dsf alc jcc">
							<image class="w55 h40" :src="$imgSrc('/static/new/tab/a_1_a.png')" v-if="tabbar.current==0"></image>
							<image class="w55 h40" :src="$imgSrc('/static/new/tab/a_1.png')" v-else></image>
						</view>
						<view :class="['fz24','col999','mt-10',tabbar.current==0?'col0083FE fwb':'']">发货</view>
					</view>
					<view @click="$go('tab/orderList',1)" class="fg1 dsf h100b alc jcc flex-column">
						<view class="w55 h40 dsf alc jcc">
							<image class="w40 h40" :src="$imgSrc('/static/new/tab/a_2_a.png')" v-if="tabbar.current==1"></image>
							<image class="w40 h40" :src="$imgSrc('/static/new/tab/a_2.png')" v-else></image>
						</view>
						<view :class="['fz24','col999','mt-10',tabbar.current==1?'col0083FE fwb':'']">订单</view>
					</view>
					<view @click="$go('tab/chatlist',1)" class="fg1 dsf h100b alc jcc flex-column">
						<view class="w55 h40 dsf alc jcc">
							<image class="w40 h40" :src="$imgSrc('/static/new/tab/a_6_a.png')" v-if="tabbar.current==2"></image>
							<image class="w40 h40" :src="$imgSrc('/static/new/tab/a_6.png')" v-else></image>
						</view>
						<view :class="['fz24','col999','mt-10',tabbar.current==2?'col0083FE fwb':'']">消息</view>
					</view>
					<view @click="$go('tab/my',1)" class="fg1 dsf h100b alc jcc flex-column">
						<view class="w55 h40 dsf alc jcc">
							<image class="w40 h40" :src="$imgSrc('/static/new/tab/a_3_a.png')" v-if="tabbar.current==3"></image>
							<image class="w40 h40" :src="$imgSrc('/static/new/tab/a_3.png')" v-else></image>
						</view>
						<view :class="['fz24','col999','mt-10',tabbar.current==3?'col0083FE fwb':'']">我的</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>


<script>
	export default {
		name: "st-tabbar",
		props: {
			tabbar: {
				type: Object,
				default: {}
			}
		},
		data() {
			return {
				isIPX: true
			};
		}
	}
</script>

<style>

</style>